<template>
  <section class="others-page">
    <p>the C1 component</p>
    <C1Child v-on="$listeners" />
  </section>
</template>
<script>
import C1Child from './C1Child'
export default {
  components: {
    C1Child
  },
  data () {
    return {
    }
  },
  created () {
    console.log('C1 created')
  },
  mounted () {
    console.log('C1 mounted')
    this.$parent.say('C1=================')
    this.$emit('click2', 'll')
  },
  activated () {
    console.log('C1 activated')
  },
  deactivated () {
    console.log('C1 deactivated')
  },
  beforeDestroy () {
    console.log('C1 beforeDestroy')
  },
  destroyed () {
    console.log('C1 destroyed')
  },
  methods: {
    run (min = 2) {
      console.log('run', min)
    }
  }
}
</script>
<style lang="less" scoped>

</style>
